Menambahkan fitur delete data 

Sebelum itu rapikan data dahulu 

Ke todo screen listtile kemudian kasih trealing 
Dia ada icon di kanan nya IconButon icons.delete 
Kita ubah warna menjadi merah 
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future: todos.getTodo(), 
builder: (context, snapshot) { 
retu builder( 
itemCount: todos.itemTodo.length, 
itemBuilder: (context, index) { 
final todo = todos.itemTodo[index]; 
eturn ListTile( 
title: Text(todo.title), 
trailing: Ic 
onPressed 
icon: Icon( 
Icons.delete, 
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Ketika klik maka data akan terhapus setelah itu tambahakn lagi 
di list tile tambahakn subtitle untuk todo.des 
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TODO SQFLITE - x 
MB dart too bogy: ruturebulider( 
future: todos.getTodo(), 


builder: 


itemCount: todos.itemTodo. length, 
itemBuilder: (context, index) { 
final todo = todos.itemTodo[ index]; 
eturn ListTile( 
subtitle: Text(todo.description), 


s.delete, 
color: Mcolo 
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Kemudian kita buat perbandingan 


Å 10, Delete.mp4 - VLC media player - x 


Media Playback Audio Video Subtitle Tools View Help 


Go Run Terminal Help 


« @ todo screen.dart X 


“poay: kuturebulLaer( 
future: todos.getTodo(), 
builder: (context, snapshot) { 
return ListView.builder( 
itemCount: todos.itemTodo. length, 
itemBuilder: (context, index) { 
final todo = todos.itemTodo[index]; 
return ListTile( 
subtitle: Text(todo.description), 
title: Text(todo.title), 
trailing: IconButton( 
onPressed: () {}, 


icon: Icon( 


Icons.delete, 
color: Elcolors.red, 
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Ketika snapshoot masih loading maka kita akna mereturn laoding 

Circular atau mutar2 

Tapi ketikam data sudah ada datanya keluar semua maka akan tampil datanya 
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Lalu pasetkan cc paset kan 
Kita refresh maka ada bulatan 

Paling atas sebelum perbadnigan maka kasih perbandingan 

Jika item todo kosong is akan return center sebuah text data kosong 
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Ketika data nmya kosong dia akan mereturn data kosong 
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@ todo screen.dart X 


title: Text( 
» 
body: FutureBuilde 
future: todos.getTodo(), 
builder: (context, snapshot) ( 
if (todos.itemTodo.isEmpty) { 


manager.dart 


if (snapshot.connectionState 


waiting) ( 
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LL 
Kembali ke providers 

Buat function baru tapi function nya buntuk future deleteTodo kasih async 

Kita definisikan database nya kemudian kita delete 

Untuk sytax delete 

Db.delete(dia membutuhkan table nya, ) kemudian parameter keuda kasih where 
untuk menghapus id sama dgn id 

‘id’ = ‘$id’ $id diambil dari todo screen 
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Future deleteTodo(int 
Dat db = 
db.delete( 


id) async { 
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Ini seharusnya sudah terhapus 
Di iconButton onprases 
Kita ditekan amakan menjalan function 
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4 todo = todos. itemTodo[ index]; 


€ ListTile( 
subtitle: Text(todo.description), 
title: Text(todo.title), 
trailing: Ic 

onPressed: () { 


todos .deleteTodo(todo.id); 


: Icon( 
s.delete, 
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Ketika sudah menjalan kan maka kita akan update tampilannya 
Gunkan setState 


Å 10. Delete.mp4 - VLC media player = x 


Media Playback Audio Video Subtitle Tools View Help 
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TODO_SQFLITE 
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final todo = todos.itemTodo[index]: 
eturn ListTile( 
subtitle: Text(todo.description), 
title: Text(todo.title), 
trailing: Ic 
onPressed: () { 
ibase manager.dart todos.deleteTodo(todo. id), 
setState(() ()): 


PROBLEMS 


x t 8 


OUTLINE Dp É 2 Sat” 
TIMELINE pit bao [Dali 


SG Youlube 23 


DEPENDENCIES 


^a D ZW 0136 


05:58 
IT Ke LI SSM 


Kita restart jika data dihapus maka terhapus jika dikosongi 


A 10, Delete.mp4 - VLC media player - x 


Media Playback Audio Video Subtitle Tools View Help 
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tState(() {}); 
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Kemudian tambah lagi data 1 add maka sudah tampil data 1 
Berikutnya cara mengubah data 
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Db/ database mananger.dart 


DatabaseManager 4 


DatabaseManager. pr : O): 
DatabaseManager instace - DatabaseManager. 


Database? db: 
Future<Database> db 


( db == null) { 
b= ir 0: 


Future initDb() async 4 
Directory docDirectory — 
String path — (docDirectory.path, 
se(path, version: 1, 


onCreate: (database, version) { 
database.execute( 


() { 


instace.db; 


Main.dart 


ain() { 
( MyApp()); 


MyApp StatelessWidget { 
st MyApp({Key? key}) : (key: key); 


@override 
Widget (BuildContext context) { 
MaterialApp( 


home: ChangeNotifierProvider( 
create: (context) => Catat(), 
child: LayarCatatan(), 


Catat ChangeNotifier { 
TextEditingController judulControler = TextEditingController(); 
TextEditingController keteranganControler = TextEditingController(); 


DatabaseManager database = DatabaseManager.instace; 


bool isLoading = false; 
List<CatatModel> itemCatat = []; 


ahCatat() { 
Database db = database.db; 
db. t( sa 
: judulControler.text, 
: keteranganControler.text, 


We 


, 


isLoading — 


) rs(); 
} 
Future< > getCat { 


atat() 
Database db = database.db; 
List<Map<String, dynamic>> data = 


itemCatat. 0: 
( item in data) 4 
itemCatat.add( 
CatatModel( 
id: item ['id'], 
judul: item[ ], 
keterangan: item[ 


Future hapusCatatan(int id) { 
Database db = database.db; 
db.delete( , where: Tan 

} 


Future uk an(int id) if 


Database db = database.db; 
db.update( 


: judulControler.text, 
: keteranganControler.text 


bid); 


Models/ catat model.dart 
CatatModel { 
int id: 
String judul; 
String keterangan: 


CatatModel (4 
id, 
judul, 
.keterangan, 


Layar catatan.dart 
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LayarCatatan StatefulWidget { 
LayarCatatan({Key? key}) : (key: key); 


@override 
State<LayarCatatan> createState() => _LayarCatatanState(); 
} 


_LayarCatatanState State<LayarCatatan> { 
@override 
Widget build(BuildContext context) { 
Catat catat = Provider.of<Catat>(context); 


Scaffold( 
floatingActionButton: FloatingActionButton( 
onPressed: () { 
Navigator.push( 
context, 
MaterialPageRoute( 
builder: (context) => ChangeNotifierProvider( 
create: (context) => Catat(), 
child: TambahCatatan(), 


| ((value) => tate(() {})); 
child: Icon(Icons.add task), 
Ng 
appBar: AppBar( 
title: Text( Ny, 
Mi 
body: FutureBuilder( 
future: catat.c tat(), 
builder: (context, snapshoot 
F (catat.itemCatat.isEmpty 
Center( 
child: Text( 
) 
} 
(snapshoot.connectionState == ConnectionState.waiting) { 
n Center( 
child: CircularProgressIndicator(), 


al 
Nal 


n ListView.builder( 
itemCount: catat.itemCatat.length, 
itemBuilder: (context, index) £ 
al catatan = catat.itemCatat[index], 
GestureDetector( 
onTap: () { 
Navigator.push( 
context, 
MaterialPageRoute( 
builder: (context) => ChangeNotifierProvider( 
create: (context) => Catat(), 
child: UbahCatatan( 
id: catatan.id, 
judul: catatan.judul, 
keterangan: catatan.keterangan, 


).then((value) => setState(() {})); 
ya 
child: ListTile( 
subtitle: Text(catatan.keterangan), 
title: Text(catatan.judul), 
trailing: IconButton( 
onPressed: () { 
catat.hapi atatan(catatan.id); 
setState(() {}); 
ba 


icon: Icon(Icons.delete, color: Colors.red), 


Tambah catatan.dart 
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TambahCatatan StatelessWidget { 
TambahCatatan({Key? key}) : (key: key); 


@override 
Widget build(BuildContext context) { 
Catat catat = Provider.of<Catat>(context); 


Scaffold( 
appBar: AppBar( 
title: Text( 
he 
body: Padding( 
padding: Edgelnsets.all(20.0), 
child: Column( 
crossAxisAlignment: CrossAxisAlignment.start, 
children: [ 
TextField( 


controller: catat.judulControler, 
decoration: InputDecoration( 
border: OutlinelnputBorder(), 
Me 
), 
SizedBox( 
height: 10, 
), 
TextField ( 
controller: catat.keteranganControler, 
decoration: InputDecoration( 
border: OutlinelnputBorder(), 
), 
), 
ElevatedButton( 
onPressed: () { 
(catat.judulControler.text.isNotEmpty && 
catat.keteranganControler.text.isNotEmpty) { 
catat.tamb tat(); 
} 
Jin 
child: Text(catat.isLoading ? 


Ubah catatan.dart 
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UbahCatatan StatelessWidget { 
UbahCatatan({ 
Key? key, 
id, 
judul, 
? .keterangan, 
We (key: key); 
int id; 
String judul; 
String keterangan; 


@override 
Widget build(BuildContext context) { 
Catat catat = Provider.of<Catat>(context); 


catat.judulControler.text = judul; 
catat.keteranganControler.text = keterangan; 


Scaffold( 
appBar: AppBar( 
title: Text( 
Ne 
body: Padding( 
padding: const Edgelnsets.all(20.0), 
child: Column( 
crossAxisAlignment: CrossAxisAlignment.start, 
children: [ 


TextField( 

controller: catat.judulControler, 
decoration: InputDecoration( 
border: OutlinelnputBorder(), 
J5 


I 
SizedBox( 
height: 10, 


Ds 
TextField( 

controller: catat.keteranganControler, 
decoration: InputDecoration( 

border: OutlinelnputBorder(), 

Me 
), 
ElevatedButton( 
onPressed: () { 

catat.u (id); 
By 

child: Text( 


